/**user-wallet**/
.wallet{
    width: 100%;
    padding: 30px;
}
.wallet .top-box{
    width: 66.66%;
    margin: 0 auto;
    text-align: center;
    color: #FF6FA5;
    font-size: 2.8em;
}
.wallet .top-box .title{
    width: 100%;
    padding: 20px;
    border-bottom: 1px solid #FF6FA5;
}
.wallet .top-box .count{
    width: 100%;
}
.wallet .top-box .count em{
    font-size: 2em;
}
/**wallet-mengbi**/
.wallet .mengbi{
    width: 100%;
}
.wallet .mengbi .mengbi-howto{
    width: 100%;
}
.wallet .mengbi .mengbi-howto .way{
    width: 100%;
}
.wallet .mengbi .mengbi-howto .title{
    padding: 15px 0;
    width: 100%;
}
.wallet .mengbi .mengbi-howto .title h4{
    color: #FF6FA5;
    font-size: 20px;
}
.mengbi-howto .way table{
    width: 100%;
    text-align: center;
    table-layout: fixed;
    word-wrap: break-word;
}
.mengbi-howto .way table th, .mengbi-howto .way table td{
    border: 1px dotted #FF6FA5;
}
.mengbi-howto .way table th{
    font-weight: normal;
    height: 40px;
}
.mengbi-howto .way table td{
    color: #FF6FA5;
    height: 60px;
}
.mengbi-howto .way .icon .icon-mb{
    width: 35px;
    height: 35px;
}
/**wallet-red-envelope**/
/**tab**/
.wallet .tab{
    width: 100%;
}
.wallet .tab .tab-list{
    width: 100%;
    overflow: hidden;
    height: 40px;
}
.wallet .tab .tab-list .tab-nav{
    width: 33.33%;
    height: 40px;
    line-height: 40px;
    float: left;
    border: 1px dotted #FF6FA5;
    border-right: none;
    cursor: pointer;
    text-align: center;
    color: black;
    transition: background-color .3s;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.wallet .tab .tab-list .tab-nav:hover{
    background-color: #eeeeee;
}
.wallet .tab .tab-list .tab-nav:last-child{
    border-right: 1px dotted #FF6FA5;
}
.wallet .tab .tab-list .tab-nav.tab-selected{
    background: #FF6FA5;
    color: white;
}
.wallet .tab .tab-content{
    width: 100%;
    overflow: hidden;
}
.wallet .tab .tab-content .tab-tabpane{
    width: 100%;
    overflow: hidden;
}
.wallet .tab .tab-content .tab-tabpane.tab-tabpane-hidden{
    display: none;
}
/**red-envelope cotent**/
.red-envelope-content{
    width: 100%;
    padding: 30px 40px;
    color: white;
    cursor: default;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.red-envelope-content li{
    height:170px;
    width: 100%;
    overflow: hidden;
    margin-bottom: 40px;
}
.red-envelope-content .re-detail{
    width: 69%;
    height: 170px;
    background: #FF6FA5;
    float: left;
}
.red-envelope-content .re-tip{
    width: 29%;
    height: 170px;
    background: #FF6FA5;
    float: right;
    font-size: 60px;
    line-height: 60px;
    padding-top: 25px;
    font-weight: bolder;
    font-family: SimHei,Microsoft YaHei,SimSun serif;
    text-align: center;
    transition: background-color .3s;
}
.red-envelope-content a .re-tip{
    color: white;
    text-decoration: none;
}
.red-envelope-content a .re-tip:hover{
    background: #656565;
}
.red-envelope-content .re-detail .re-title{
    width: 81.66%;
    margin: 0 auto;
    padding: 30px 0 10px;
    text-align: center;
    border-bottom: 1px dotted white;
    overflow: hidden;
    white-space: nowrap;
}
.red-envelope-content .re-detail .re-title h4{
    display: inline-block;
    font-size: 16px;
}
.red-envelope-content .re-detail .re-content{
    width: 100%;
}
.red-envelope-content .re-detail .re-content .l{
    font-size: 40px;
    font-family: SimHei,Microsoft YaHei,SimSun serif;
    font-weight: bolder;
    line-height: 65px;
    float: left;
    text-align: right;
    padding-right: 10px;
    width: 45%;
}
.red-envelope-content .re-detail .re-content .r{
    width: 55%;
    float: left;
    overflow: hidden;
}
.red-envelope-content .re-detail .re-content .r h3{
    font-size: 40px;
    font-family: SimHei,Microsoft YaHei,SimSun serif;
    font-weight: bolder;
    line-height: 65px;
    letter-spacing: 15px;
    margin-left: 30px;
}

/**wallet-money**/
.my-asset{
    width: 100%;
    padding: 40px 0;
}
.my-asset .money{
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    font-size: 60px;
    line-height: 60px;
}
.my-asset .money em{
    font-size: 30px;
}
.oper-btns{
    margin-top: 20px;
    font-size: 14px;
}
.oper-btns .btn{
    padding: 5px 10px;
    border-radius: 3px;
}
.oper-btns .btn.btn-tixian{
    border: 1px solid #FC8AB8;
    background: #FAD5E5;
    color: #FF6FA5;
}
.oper-btns .btn.btn-tixian:hover{
    background: #c6a4b1;
    color: #eeeeee;
}
.oper-btns .btn.btn-bind{
    border: 1px solid #FC8AB8;
    background: #E9FBE1;
    color: #FF6FA5;
    margin-left: 5px;
}
.oper-btns .btn.btn-bind:hover{
    background: #d7e7d0;
    color: #735f45;
}
.tixian-list{
    width: 100%;
}
.tixian-list table{
    table-layout: fixed;
    word-wrap: break-word;
}
.tixian-list table td, .tixian-list table th{
    border: 1px dotted #FF6FA5;
}
.tixian-list table th{
    padding: 10px 0;
}
.tixian-list table td{
    padding: 20px 0;
}
.money .tip{
    text-align: right;
    margin: 10px;
    color: #FF6FA5;
}